﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="UTF-8">

    <title>Accentbox Theme Demo</title>

    <!--iOS/android/handheld specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">



    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <script src="js/modernizr.js"></script>
    <script src="js/customscript.js" type="text/javascript"></script>

    @Styles.Render("~/Content/css")
    @Scripts.Render("~/Scripts")
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
    <style type="text/css">
       
    </style>
    <style>
        div#page {
            max-width: 900px;
            margin-left: auto;
            margin-right: auto;
            padding: 20px;
        }

        .back-to-top {
            position: fixed;
            bottom: 2em;
            right: 0px;
            text-decoration: none;
            color: #000000;
            background-color: rgba(235, 235, 235, 0.80);
            font-size: 12px;
            padding: 1em;
            display: none;
        }

            .back-to-top:hover {
                background-color: rgba(135, 135, 135, 0.50);
            }
    </style>
</head>

<body>

    <header class="main-header">
        <div class="container">
            <div id="header">
                <h1 id="logo">
                    <a href="#">Accentbox WordPress Theme Demo</a>
                </h1>
                <!-- END #logo -->
                <div class="widget-area widget-header">
                    <ul>
                        <li class="textwidget">
                            <img src="~/Content/images/103642-1335226181.png">
                        </li>
                    </ul>
                </div>
            </div>
            <!--#header-->
        </div>
        <!--.container-->
    </header>

    <div class="container">
        @Html.Partial("~/Views/Partial/Partial_MenuDark.cshtml", ViewData["Menu"])
    </div>

    <div id="page">

        <div class="content">
            <article class="article">
                @RenderSection("featured", required: false)
                <section class="content-wrapper main-content clear-fix">
                    @RenderBody()
                </section>

            </article>

            <aside class="sidebar c-4-12">
                <div id="sidebars" class="g">
                    <div class="sidebar">
                        <ul class="sidebar_list">
                            <li class="widget widget-sidebar">
                                <form method="get" id="searchform" class="search-form" _lpchecked="1">
                                    <fieldset>
                                        <input id="criteria" type="text" placeholder="Tìm kiếm" value="@ViewData["criteria"]" onkeypress="javascript:OnCriteria(1, true);" />
                                        <input id="lastedCriteria" type="hidden"  value="@ViewData["criteria"]" />
                                        <input id="search-image" class="sbutton" src="~/Content/images/search.png" style="border: 0px none; vertical-align: top;" type="image">
                                    </fieldset>
                                </form>
                            </li>


                            <li class="widget widget-sidebar">
                                <h3>Quảng cáo</h3>
                                <div class="ad-300">
                                    <a href="#">
                                        <img src="~/Content/images/stylishuserinterface300x250.jpg" height="250" width="300"></a>
                                </div>
                                <div class="ad-125">
                                    <ul>
                                        <li class="oddad"><a href="#">
                                            <img src="~/Content/images/125x125.gif" height="125" width="125"></a></li>
                                        <li class="evenad"><a href="#">
                                            <img src="~/Content/images/125x125.gif" height="125" width="125"></a></li>
                                    </ul>
                                </div>
                            </li>
                            <li class="widget widget-sidebar">
                                <h3>Bài viết mới</h3>
                                <ul>
                                    <li><a href="#">Porttitor Lectus Tincidunt Elementum Nascetur Montes</a></li>
                                    <li><a href="#">Mauris Dictum Libero Id Justo Fusce In Est</a></li>
                                    <li><a href="#">Cum Sociis Natoque Penatibus Magnis</a></li>
                                    <li><a href="#">Aliquet Pid Massa Porttitor Dictumst Ac Aenean A Dolor?</a></li>
                                    <li><a href="#">Quotes Time!</a></li>
                                </ul>
                            </li>
                            <li class="widget widget-sidebar">
                                <div class="mts-subscribe">

                                    <form style="" action="#" method="post" target="popupwindow" _lpchecked="1">
                                        <input value="Your email Address..." type="text">
                                        <input value="mythemeshop" name="uri" type="hidden"><input name="loc" value="en_US" type="hidden"><input value="Subscribe" type="submit">
                                    </form>

                                    <div class="result"></div>

                                </div>
                                <!--subscribe_widget-->

                            </li>
                        </ul>
                    </div>
                </div>
                <!--sidebars-->
            </aside>

        </div>
        <!--#page-->
        <a href="#" class="back-to-top">Back to Top</a>
        <script>
            jQuery(document).ready(function () {
                var offset = 220;
                var duration = 500;
                jQuery(window).scroll(function () {
                    if (jQuery(this).scrollTop() > offset) {
                        jQuery('.back-to-top').fadeIn(duration);
                    } else {
                        jQuery('.back-to-top').fadeOut(duration);
                    }
                });

                jQuery('.back-to-top').click(function (event) {
                    event.preventDefault();
                    jQuery('html, body').animate({ scrollTop: 20 }, duration);
                    return false;
                })
            });
        </script>
    </div>
    <!--.container-->
    <footer>
        <div class="container">
            <div class="footer-widgets">
                <div class="f-widget">
                    <div class="widget">
                        <h3>Lorem ipsum</h3>
                        <div class="textwidget">
                            Lorem
						 ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur quam 
						augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis 
						orci. Duis libero orci, pretium a.
                        </div>
                    </div>
                </div>
                <div class="f-widget">
                    <div class="widget">
                        <h3>Consectetuer adipiscing</h3>
                        <div class="textwidget">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href="#">Curabitur</a> quam augue, vehicula quis, tincidunt vel, varius vitae, nulla. Sed convallis orci. Duis libero orci, pretium a.</div>
                    </div>
                </div>
                <div class="f-widget last">
                    <div class="widget">
                        <h3>Recent Posts</h3>
                        <ul>
                            <li><a href="#">Porttitor Lectus Tincidunt Elementum Nascetur Montes</a></li>
                            <li><a href="#">Mauris Dictum Libero Id Justo Fusce In Est</a></li>
                            <li><a href="#">Cum Sociis Natoque Penatibus Magnis</a></li>
                            <li><a href="#">Aliquet Pid Massa Porttitor Dictumst Ac Aenean A Dolor?</a></li>
                        </ul>
                    </div>
                </div>
                <div class="copyrights">
                    <div class="row" id="copyright-note">
                        <span>© 2012</span> - <span>Theme by <a href="http://mythemeshop.com/">MyThemeShop</a>.</span>
                    </div>
                    <div class="top"><a href="#">Back to Top ↑</a></div>
                </div>
            </div>
            <!--.footer-widgets-->
        </div>
        <!--.container-->
    </footer>
    <!--footer-->
</body>
</html>

